<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>模态框插件</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body>
	<table class="table table-bordered">
		<tr>
			<th>属性名称</th>
			<th>类型</th>
			<th>默认值</th>
			<th>描述</th>
		</tr>
		<tr>
			<td>data-backdrop</td>
			<td>布尔值或'static'</td>
			<td>true</td>
			<td>默认值true，表示背景存在黑灰透明遮罩，且单击空白背景可关闭弹窗。<br>如果为false，表示背景不存在黑灰透明遮罩，且点击空白背景不可关闭弹窗。<br>如果是字符串'static'，表示北京存在黑灰透明遮罩，且点击空白不可关闭弹窗。</td>
		</tr>
		<tr>
			<td>data-keyboard</td>
			<td>布尔值</td>
			<td>true</td>
			<td>需要配合tabindex="一个数值"<br>true,按esc键会关闭窗口。<br>false，按esc键不会关闭。</td>
		</tr>
		<tr>
			<td>data-show</td>
			<td>布尔值</td>
			<td>true</td>
			<td>true，初始化时，默认显示<br>false，初始化是，默认隐藏<br>如果是按钮点击触发，第一次点击则无法显示，第二次显示。</td>
		</tr>
		<tr>
			<td>href</td>
			<td>url路径</td>
			<td>空值</td>
			<td>如果值不是以#号开头，则表示一个url地址，加载url内容到modal-content容器里，并只加载一次<br>如果是#号，就是取代data-target的方法(一般不推荐使用)</td>
		</tr>
	</table>




	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>